<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#div{
				width: 200px;
				height: 200px;
				background-color: #00008B;
				color: white;
				font-size: 50px;
				text-align: center;
				line-height: 200px;
				/*-webkit-transform: rotateZ(90deg);
				-moz-transform: rotateZ(90deg);
				-ms-transform: rotateZ(90deg);
				-o-transform: rotateZ(90deg);
				transform: rotateZ(90deg);*/
				-webkit-transition: all 1s;
				-moz-transition: all 1s;
				-ms-transition: all 1s;
				-o-transition: all 1s;
				transition: all 1s;
			}
		</style>
	</head>
	<body>
		<p>
			作业: 求出abcdgbcdabddaabbdgbb 这个字符串中 出现次数最高的字符, 并输出其出现的次数!<br>
				- CSS3新增伪类选择器有哪些?<br>
				- 用CSS编写, div旋转90度, 0.5秒后变圆, 0.5秒后放大?<br>
				- 列举2种强制类型转换和1种隐式类型装换?<br>
				- split()和join()的区别?<br>
		</p>
		<p>
			伪类选择器:<br>
			 :hover用于当用户把鼠标移动到元素上面时的效果；<br>
			 :active用于用户点击元素那一下的效果（正发生在点的那一下，松开鼠标左键此动作也就完成了）<br>
			 :focus用于元素成为焦点，这个经常用在表单元素上。<br>
			 对于:hover在IE6下只有a元素支持，:active只有IE7-6不支持，:focus在IE6-7下不被支持。<br>
			 :enabled 选择器匹配每个启用的的元素（主要用于表单元素）。<br>
			 :disabled 选择器匹配每个被禁用的元素（大多用在表单元素上）。<br>
			 :checked 选择器匹配每个已被选中的 input 元素（只用于单选按钮和复选框）。<br>
			 IE6-8不支持":checked",":enabled",":disabled"这三种选择器。<br>
		</p>
		<p>
			强制转换:parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。<br>
			隐式转换:<br>
			1):+号:数字和字符串如果使用+运算符进行操作，那么会将数字先转换为字符串,如果有布尔型参与，那么首先会将布尔值转换为对应的数字或者字符串，然后再进行相应的字符串连接或者算数运算。<br>
			2):-号:如果进行减法操作，那么两个操作数都会先被转换为数字，然后在进行算数运算.<br>
			3):==等性运算:undefined和null比较特殊，它们两个使用==运算符返回值是true。其他值类型进行比较的时候都会将运算数转换为数字<br>
			4):toString()方法和valueOf()方法:将一个对象转换为字符串要调用toString()方法，数组对象的toString()方法能够将数组转换为能够反映此数组对象的字符串。转换为数字要调用valueOf()方法，<br>
		</p>
		<p>
			Join 函数获取一批字符串，然后用分隔符字符串将它们联接起来，从而返回一个字符串。Split 函数获取一个字符串，然后在分隔符处将其断开，从而返回一批字符串。<br>
			但是，这两个函数之间的主要区别在于 Join 可以使用任何分隔符字符串将多个字符串连接起来，而 Split 只能使用一个字符分隔符将字符串断开。<br>
			简单地说，如果你用split，是把一串字符（根据某个分隔符）分成若干个元素存放在一个数组里。而Join是把数组中的字符串连成一个长串，可以大体上认为是split的逆操作。<br>
		</p>
		<div id="div">11111</div>
		<script type="text/javascript">
			var str="abcdgbcdabddaabbdgbb";
			var json = {};
			for (var i=0;i<str.length;i++) {
				if (!json[str.charAt(i)]) {//charAt() 方法可返回指定位置的字符
					 // 首先得到i位置的字符char  再判断 json[char]是否存在 如果不存在就赋值为1
					json[str.charAt(i)] = 1;
				} else{ //如果存在 就在原来值的基础上加1
					json[str.charAt(i)]++;
				}
			}
			console.log(json);//Object {a: 9, s: 7, d: 1, f: 1}
	//		console.log(json.a);//9
			var iMax = 0;//做多的值
			var iIndex = '';//最多的那个
			for(var i in json){//遍历JSON对象
				console.log(json[i]);//9，7，1，1
				//求做多的那个
				if(json[i]>iMax){
					iMax = json[i];
					iIndex = i;
				}
			}
			console.log(iMax,iIndex);
			
			
			var div=document.getElementById("div");
			var time=setTimeout(function(){
				div.style.transform="rotateZ(90deg)";
			},1000)
			var timer=setTimeout(function(){
				div.style.borderRadius="200px";
			},3000)
			
			var timer1=setTimeout(function(){
				div.style.width="400px";
				div.style.height="400px";
			},4000)
			
		</script>
	</body>
</html>
